Для того щоб почати працювати з фреймворком Vue.js необхідно його підключити.
Для запуску Vue.js необхідно створити новий об'єкт (екземпляр об'єкта) Vue з вказаними параметрами.
Основним параметром є el - елемент з яким буде працювати Vue.js.
Наступний параметр є data описує дані які можна використовувати у компоненті.
Приклад простого компонента Vue.js який виводить повідомлення.
<div id="test">{{message}}</div>
var app=new Vue({el:'#test', data:{message:'Привіт Vue.js'} });
Також у подвійних фігурних дужок можна вказувати операції:
<div id="test2">{{message+'!!!'}}</div>
var app=new Vue({el:'#test2', data:{message:'Привіт Vue.js'} });
<div id="test3">{{x+y}}</div>
var app=new Vue({el:'#test3', data:{ x:2000, y:3000} });
<div id="test4">{{text.length}}</div>
var app=new Vue({el:'#test4', data:{ text:'JavaScript'} });